<!DOCTYPE HTML>
<html>
<head>
    <title>Artists</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
</head>
<body>
<div class="wrap">
    <div class="header-right">
        <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt=""/> </a>
        </div>
        <div class="menu">
            <ul class="nav">
                <li class="active"><a href="index.html">主站</a></li>
                <li><a href="artists.html">摄影</a></li>
                <li><a href="blog.html">相博首页</a></li>
                <li><a href="contact.html">活动中心</a></li>
            </ul>
            <form class="searchform" action="#">
                <input class="searchfield" type="text" value="Search..."
                       onfocus="if (this.value == 'Search...') {this.value = '';}"
                       onblur="if (this.value == '') {this.value = 'Search...';}"/>
            </form>
        </div>
        <div class="clear"></div>
    </div>
    <div class="header-left">
        <div class="main" style="margin-top: 0">
            <div class="content">
                <div class="artists">
                    <h2>魔道祖师</h2>
                    <div class="banner">
                        <a href="details_link5.html"><img src="images/pic4.jpg" alt=""></a>
                    </div>
                    <p class="para-top">
                        《魔道祖师》是根据晋江文学城作者墨香铜臭所著原创同名小说改编，故事讲述前世的魏无羡万人唾骂，声名狼藉。被护持一生的师弟带人端了老巢，纵横一世，死无全尸。 </p>
                    <div class="readmore">
                        <a href="details_link5.html">
                            <button class="btn btn-3 btn-3e icon-arrow-right">详细</button>
                        </a>
                    </div>
                </div>
                <div class="artists">
                    <h2>航海王</h2>
                    <div class="banner">
                        <a href="details_link6.html"><img src="images/pic3.jpg" alt=""></a>
                    </div>
                    <p class="para-top">作品连载于周刊杂志《周刊少年JUMP》，与日本同步更新，每周周一更新。
                        [简介]有一个梦想成为海盗的少年叫路飞，他因误食“恶魔果实”而成为了橡皮人，在获得超人能力的同时付出了一辈子无法游泳的代价。十年后，路飞为实现与因救他而断臂的杰克斯的约定而出海，开始了以成为海盗王为目标的伟大的冒险旅 </p>
                    <div class="readmore">
                        <a href="details_link6.html">
                            <button class="btn btn-3 btn-3e icon-arrow-right">详细</button>
                        </a>
                    </div>
                </div>
            </div>
            <div class="sidebar">
                <div class="blog">
                    <h2>相博中心</h2>
                    <div class="blog-img">
                        <img src="images/blog2.jpg" alt="">
                    </div>

                    <div class="blog-text">
                        <a href="./details_link3.html" class="link4">择天记</a><br>
                        <span class="color1">中国大陆</span><br>
                        <span class="link-top">简介: <a href="./details_link3.html" class="color2">动画大电影《择天记》源自猫腻同名小说改编而来，影片目前仍在加紧筹备中……
动画大电影的《择天记》与原作之间会有何区别呢？
</a> </span>
                    </div>

                    <div class="clear"></div>
                </div>
                <div class="blog">
                    <div class="blog-img">
                        <img src="images/blog1.jpg" alt="">
                    </div>
                    <div class="blog-text">
                        <a href="./details_link4.html" class="link4">画江湖之不良人</a><br>
                        <a href="./details_link4.html" class="color2">简介</a> / <a href="./details_link4.html"
                                                                                  class="color2">动漫画江湖之不良人2剧情讲述了龙泉宝藏重现于世，不良人、玄冥教、通文馆、幻音坊、天师府等江湖势力闻风而动!</a><br>
                        <span class="link-top">剧情: <a href="#" class="color2">动作 武侠</a> </span>
                    </div>
                    <div class="clear"></div>
                </div>
                <!--<div class="blog">-->
                    <!--<div class="blog-img">-->
                        <!--<img src="images/blog3.jpg" alt="">-->
                    <!--</div>-->
                    <!--<div class="blog-text">-->
                        <!--<a href="#" class="link4">augue duis dolore</a><br>-->
                        <!--<span class="color1">USA (2013)</span><br>-->
                        <!--<a href="#" class="color2">duis</a> / <a href="#" class="color2">soluta nobis</a><br>-->
                        <!--<span class="link-top">Lorems: <a href="#" class="color2">Conse ctetur</a> </span>-->
                    <!--</div>-->
                    <!--<div class="clear"></div>-->
                <!--</div>-->
                <!--<div class="readmore">-->
                    <!--<a href="details.html">-->
                        <!--<button class="btn btn-3 btn-3e icon-arrow-right">View All</button>-->
                    <!--</a>-->
                <!--</div>-->
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div class="footer-bg">
    <div class="wrap">
        <div class="f-main">
            <div class="f-icons">
                <h4>Follow Us</h4>
                <nav>
                    <ul>
                        <li><a href="#"><img src="images/fb.png" title="facebook" alt=""></a></li>
                        <li><a href="#"><img src="images/twitter.png" title="twitter" alt=""></a></li>
                        <li><a href="#"><img src="images/gplus.png" title="gplus" alt=""></a></li>
                        <li><a href="#"><img src="images/feed.png" title="feed" alt=""></a></li>
                        <li><a href="#"><img src="images/plus.png" title="pinterest" alt=""></a></li>
                    </ul>
                </nav>
            </div>

            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="ftr-bg">
    <div class="wrap">
        <div class="footer">
            <p class="w3-link"><span>Copyright &copy; 2014.Company name All rights reserved.More Templates</span></p>
        </div>
    </div>
</div>


</body>
</html>